<template>
  <div>
    <div class="three-" >
      <div class="copy" v-for="(v,i) in boy" :key="i">
        <b>  <span>{{boy[0].text1}}  </span>  {{boy[1].text2}} <span>   {{boy[2].text3}}</span></b>
        <b>  <span>{{boy[3].text4}}  </span> {{boy[4].text5}}  <span>  {{boy[5].text6}}</span></b>
      </div>
     <p>  展开会更多热搜</p>
   
    </div>
  </div>
  
</template>

<script>
export default {
    props:['boy']
};
</script>

<style scoped>
.three- {
  margin: auto;
  width: 6.64rem;
  /* height: 4.54rem; */
  padding: 0.3rem;
  font-size: 0.3rem;
   flex: 1;
   display:flex;
   flex-flow: column;
   justify-content: space-around;
   margin-top: 0.6rem;
/* background-color:  gainsboro; */
border:gray;
}
span{
    color: red;  font-weight: 700;
}
b:first-child{
    float: left;
    font-weight: 700;
}
b:last-child{
    float: right;
    font-weight: 700;
}
.copy{
    margin-bottom: 0.5rem;
}
p{
    text-align: center;
    font-size: 0.3rem;
    color:gray;
}
</style>
